/* pages/taskDetail/taskDetail.wxss */
page {
  background-color: #F4F7FB;
}

.taskDetail {
  .task-top {
    box-sizing: border-box;
    padding: 32rpx;
    background-color: #fff; // #fff

    .title {
      display: flex;
      justify-content: space-between;
      margin-bottom: 8rpx;

      .text {
        color: #333;
        font-family: PingFang SC;
        font-size: 32rpx;
        font-style: normal;
        font-weight: 600;
        line-height: 48rpx;
        max-width: 240px;
      }

      .tag {
        color: #f90;
        font-family: PingFang SC;
        font-size: 24rpx;
        height: 40rpx;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        border-radius: 2px;
        border: 0.5px solid #f90;
        background: rgba(255, 153, 0, 0.1);
        padding: 2rpx 16rpx;
      }

      .JXZ {
        color: #00b42a;
        border: 0.5px solid #00b42a;
        background: rgba(0, 180, 42, 0.1);
      }

      .WKS {
        color: #999999;
        border: 0.5px solid #999999;
        background: rgba(153, 153, 153, 0.1);
      }

      .YJS {
        color: #0c4df9;
        border: 0.5px solid #0c4df9;
        background: rgba(12, 77, 249, 0.1);
      }

      .YGQ {
        color: #f53f3f;
        border: 0.5px solid #f53f3f;
        background: rgba(245, 63, 63, 0.1);
      }

      .YQKS {
        color: #F90;
        border: 0.5px solid #F90;
        background: rgba(255, 153, 0, 0.10);
      }

      .NOTPASS {
        color: #F53F3F;
        border: 0.5px solid #F53F3F;
        background: rgba(245, 63, 63, 0.10);
      }

      .PASS {
        color: #00B42A;
        border: 0.5px solid #00B42A;
        background: rgba(0, 180, 42, 0.10);
      }
    }

    .row {
      color: #666;
      font-family: PingFang SC;
      font-size: 28rpx;
      font-style: normal;
      font-weight: 400;
      line-height: 44rpx;
      margin-bottom: 8rpx;

      .time {
        color: #0c4df9;
        font-family: PingFang SC;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
      }
    }
  }

  .task-form {
    overflow: scroll;
    background-color: #f4f7fb;
    padding: 32rpx;
    padding-bottom: calc(128rpx + env(safe-area-inset-bottom));

    .bottom-title {
      display: flex;
      align-items: center;
      margin-bottom: 8rpx;

      .line {
        width: 8rpx;
        height: 34rpx;
        border-radius: 14rpx;
        background: #0c4df9;
        margin-right: 12rpx;
      }

      .text {
        color: #333;
        font-family: PingFang SC;
        font-size: 32rpx;
        font-style: normal;
        font-weight: 600;
        line-height: 48rpx;
      }
    }

    .form-one {
      box-sizing: border-box;
      background-color: #fff;
      padding: 32rpx;
      border-radius: 8px;
      margin-bottom: 32rpx;

      .title {
        color: #333;
        font-family: PingFang SC;
        font-size: 28rpx;
        font-style: normal;
        font-weight: 600;
        line-height: 44rpx;
        margin-bottom: 8rpx;
      }

      .tips {
        color: #f90;
        text-align: justify;
        font-family: PingFang SC;
        font-size: 24rpx;
        font-style: normal;
        font-weight: 400;
        line-height: 40rpx;
        margin-bottom: 16rpx;
      }

      .my-upload {
        margin-bottom: 16rpx;

        .t-upload__close-btn {
          background-color: #2a5fc9;
        }

        .uploadshot {
          width: 100%;
          height: 100%;
          background: #f8faff;
          border: 2rpx dashed #2a5fc9;
          border-radius: var(--td-upload-radius,
              var(--td-radius-default, 12rpx));
          box-sizing: border-box;
          justify-content: center;
          align-items: center;
          display: flex;
          flex-direction: column;

          .shoticon {
            width: 56rpx;
            height: 56rpx;
          }

          .shottext {
            font-weight: 400;
            font-size: 24rpx;
            line-height: 40rpx;
            color: #2a5fc9;
            margin-top: 8rpx;
          }
        }
      }

      .my-textArea {
        margin-bottom: 8rpx;

        .textBg {
          padding: 0;
          height: 190rpx;

          // padding-bottom: 0;
          .t-textarea__wrapper {
            padding: 16rpx;
            box-sizing: border-box;
            background: #eff3f7;
            border: 2rpx solid #bcd1e6;
            border-radius: 8rpx;
          }
        }
      }

      .tips1 {
        margin: 0;
      }

      .my-img {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16rpx;
      }

      .detail-info {
        color: #666;
        font-feature-settings: "clig"off, "liga"off;
        font-family: PingFang SC;
        font-size: 28rpx;
        font-style: normal;
        font-weight: 400;
      }
    }
  }

  .bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding-bottom: env(safe-area-inset-bottom);

    .footer-btn {
      height: 128rpx;
      box-sizing: border-box;
      padding: 16rpx 32rpx;

      .submit {
        width: 100%;
        height: 100%;
        line-height: 96rpx;
        text-align: center;
        background-color: #0c4df9;
        border-radius: 8rpx;

        color: #fff;
        font-family: PingFang SC;
        font-size: 28rpx;
        font-style: normal;
        font-weight: 400;
      }

      .gray {
        color: #999999;
        background-color: #eaeaea;
      }
    }
  }
}

.t-dialog__header {
  color: #333;
  font-family: PingFang SC;
  font-size: 32rpx;
  font-style: normal;
  font-weight: 400;
}

.t-dialog__body {
  color: #999;
  font-family: PingFang SC;
  font-size: 28rpx;
  font-style: normal;
  font-weight: 400;
}

.t-dialog__footer--full {
  padding-top: 30rpx;
}

.my-cancel {
  color: #999999 !important;
}

.my-dialog {
  width: 640rpx !important;
}

my-dialog2 {
  width: 640rpx !important;
}

.my-contentDialog {
  padding-top: 6rpx !important;
  padding-bottom: 10rpx !important;
}

.topImg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64rpx;

  .dialog-image {
    width: 124px;
    height: 80px;
  }
}

.t-dialog__footer--full {
  padding-top: 40rpx !important;
}

.my-report {
  width: 92vw;
  background-color: #fff;
  // padding: 32rpx;
  padding-top: 32rpx;
  box-sizing: border-box;
  border-radius: 16rpx;

  .report-content {
    padding: 0 32rpx;
  }

  .title {
    color: #333;
    text-align: center;
    font-family: PingFang SC;
    font-size: 32rpx;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 32rpx;
  }
}

.report-descript {
  .text {
    color: #333;
    font-family: PingFang SC;
    font-size: 28rpx;
    font-style: normal;
    font-weight: 400;
  }

  .my-textArea {
    margin-top: 16rpx;

    .textBg {
      padding: 0;
      height: 240rpx;

      .t-textarea__wrapper {
        padding: 16rpx;
        box-sizing: border-box;
        background: #eff3f7;
        border-radius: 8rpx;
      }
    }
  }
}

.report-upload {
  .text {
    color: #333;
    font-family: PingFang SC;
    font-size: 28rpx;
    font-style: normal;
    font-weight: 400;
    margin: 24rpx 0 16rpx 0;
  }

  .my-upload {
    margin-bottom: 16rpx;

    .t-upload__close-btn {
      background-color: #2a5fc9;
    }

    .uploadshot {
      width: 100%;
      height: 100%;
      background: #f8faff;
      border: 2rpx dashed #2a5fc9;
      border-radius: var(--td-upload-radius, var(--td-radius-default, 12rpx));
      box-sizing: border-box;
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: column;

      .shoticon {
        width: 56rpx;
        height: 56rpx;
      }

      .shottext {
        font-weight: 400;
        font-size: 24rpx;
        line-height: 40rpx;
        color: #2a5fc9;
        margin-top: 8rpx;
      }
    }
  }
}

.foot-btn {
  border-top: 1px solid #e7e7e7;
  display: flex;
  margin-top: 32rpx;

  .item {
    width: 50%;
    text-align: center;
    padding: 32rpx 0;
    box-sizing: border-box;
    border-right: 1px solid #e7e7e7;
  }

  .cancel {
    color: #999;
    font-family: PingFang SC;
    font-size: 32rpx;
    font-style: normal;
    font-weight: 400;
  }

  .confirm {
    color: #0c4df9;
    font-family: PingFang SC;
    font-size: 32rpx;
    font-style: normal;
    font-weight: 400;
  }
}